<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<script src="js/jquery.js"></script>
<link rel="stylesheet" href="css/public.css"/>
<link rel="stylesheet" href="css/index.css"/>
<link rel="stylesheet" href="css/submit.css">
<body>
    <div id="submit_top">

    </div>
    <div id="main">
        <div class="main-t">
            <h2>您选购的商品</h2>
        </div>
        <table id="cart-main" class="cart-main" width=100%>
            <colgroup>               
                <col class="col-1">
                <col class="col-2">
                <col class="col-3">
                <col class="col-4">
                <col class="col-5">
                <col class="col-6">
                <col class="col-7">
                <col class="col-8">
                <thead>
                    <tr>
                      <th colspan="2">商品</th>
                      <th>销售价</th>
                      <th>数量</th>
                      <th>优惠金额</th>
                      <th>积分</th>
                      <th>小计</th>
                      <th>操作</th>
                    </tr>
                </thead>



                <tbody class="cart-item">
                  <!-- 主商品 -->
                  <!-- <tr>
                    <td>
                    <div class="p-pic"> -->
                        <!-- <a href="/product-4684.html" target="_blank">
                          <img src="http://www.higoo.com/public/images/6a/a8/29/e35a187e05de6954398904821b9581dc1bb1a169.jpg?1531133279#h" alt="美国Applied Nutrition 绿茶速效燃脂剂 强力推动燃脂能力 90粒">
                        </a> -->
                    <!-- </div>
                    </td>
                    <td class="p-info"> -->
                      <!-- <div class="p-title"><a target="_blank" href="/product-4684.html">美国Applied Nutrition 绿茶速效燃脂剂 强力推动燃脂能力 90粒</a></div> -->
                      <!-- <div class="p-spec fix-empty"></div> -->
                      <!-- 赠品 -->
                      <!-- 商品促销 -->
                      <!-- <div class="p-promotion">
                        <ul>
                        </ul>
                      </div>
                    </td>
                    <td class="p-price"> -->
                      <!-- <em class="p_price">价格</em> -->
                    <!-- </td>
                    <td>
                      <div class="p-quantity"> -->
                        <!-- <a href="javascript:void(0);" class="btn-decrease">-</a> -->
                        <!-- <input type="text" name="modify_quantity[goods_1950_4684][quantity]" value="1"> -->
                        <!-- <a href="javascript:void(0);" class="btn-increase">+</a> -->
                      <!-- </div>
                    </td>
                    <td class="p-discount"> -->
                      <!-- <em class="p_discount_price">价格</em> -->
                    <!-- </td>
                    <td class="p-integral">
                        -
                    </td>
                    <td class="p-subtotal"> -->
                      <!-- <em class="p_subtotal_price">价格</em> -->
                    <!-- </td>
                    <td class="p-action">
                      <a href="/passport-login.html" class="btn-fav">收藏</a>
                      <i>|</i>
                      <a href="javascript:void(0);" class="btn-delete">移除</a>
                    </td>
                  </tr> -->
                  <!-- 配件 -->
                </tbody>





                <tfoot>
                    <tr>        
                        <td colspan="4" style="display:;">                       
                        </td>                                
                    </tr>
                    <tr>
                        <!-- 按钮 -->
                    <td colspan="4" class="cart-left">
                        <button type="button" class="btn btn-flat action-clean"><span><span>清空购物车</span></span></button><button type="button" class="btn btn-caution action-fororder"><span><span>凑单商品</span></span></button>        
                    </td>
                    <td colspan="4" class="cart-right">
                
                    <div style="float:right;">
                    <button onclick="location.href='./'" type="button" class="btn btn-import btn-huge action-settle"><span><span>返回继续购物<q class="f-icon">►</q></span></span></button>          
                    </div>
                
                    <div style="float:right;margin-right:20px;padding-top:13px;">
                    <ul id="cart_order_price">
                    <li class="goods">
                    <span class="label"><em>商品总金额：</em></span>
                    <span class="price"><b>￥0.00</b></span>
                    </li>
                    
                    <li class="discount" style="display:none;">
                    <span class="label"><em>订单优惠金额：</em></span>
                    <span class="price"><b>￥0.00</b></span>
                    </li>
                    <li class="total" style="display:none;">
                    <span class="label"><em>总金额：</em></span>
                    <span class="price"><b>￥0.00</b></span>
                    </li>
                    </ul>
                    </div>      
                    </td>
                    </tr>
                </tfoot>    
            </colgroup>
        </table>
    </div>

    <div>
      <div id="write">
        <div class="title">
          <h2>填写和提交订单信息</h2>
        </div>
        <div class="order-section-title">
          <b>收货信息</b>
          <a href="javascript:void(0);" class="action-edit-shipping "></a>
        </div>
  
        <div class="order-section-content">
          <!-- 完整收货信息 -->
          <!-- <table class="view-shipping fold">
            <tbody> -->
          <!-- <tr>
            <th>收货地区：</th>
            <td><input type="hidden" name="def_addr_id" value=""></td>
          </tr>
          <tr>
            <th>收货地址：</th>
            <td></td>
          </tr>
              <tr>
            <th>收货人姓名：</th>
            <td></td>
          </tr> -->
          <!-- </tbody>
          </table> -->
          <!-- 常用收货地址列表 -->
          <!-- <ul id="change_shipping" class="change-shipping fold">
                  <li class="last">
                <input type="radio" name="address" id="for_shipping_0" value="0" class="action-change-shipping" vtype="requiredcustom" data-validatemsg="请选择一个收货地址">
                <label for="fro_shipping_0"><address>使用新收货地址</address></label>
            </li>
            <li class="last">
          如果您购买了海淘商品，须先对收货人进行实名认证，<a href="/member-realname.html" target="_blank">点击进入&gt;&gt;</a>
            </li>
            <li><button type="button" class="btn btn-caution action-confirm-shipping"><span><span>确认收货信息</span></span></button></li>
          </ul> -->
          <table class="fill-shipping">
          <tbody>
          <tr>
              <th><em>*</em>收货地区：</th>
            <td><span class="region" vtype="area" id="dom_el_5abf1a0">
              <input name="area" package="mainland" type="hidden" value="">
              <select data-level-index="0" class="x-select"><option value="_NULL_">请选择</option><option value="1" data-level-index="0">北京</option><option value="21" data-level-index="1">上海</option><option value="42" data-level-index="2">天津</option><option value="62" data-level-index="3">重庆</option><option value="104" data-level-index="4">安徽</option><option value="227" data-level-index="5">福建</option><option value="322" data-level-index="6">甘肃</option><option value="423" data-level-index="7">广东</option><option value="566" data-level-index="8">广西</option><option value="690" data-level-index="9">贵州</option><option value="788" data-level-index="10">海南</option><option value="814" data-level-index="11">河北</option><option value="998" data-level-index="12">河南</option><option value="1176" data-level-index="13">黑龙江</option><option value="1320" data-level-index="14">湖北</option><option value="1436" data-level-index="15">湖南</option><option value="1573" data-level-index="16">吉林</option><option value="1643" data-level-index="17">江苏</option><option value="1763" data-level-index="18">江西</option><option value="1874" data-level-index="19">辽宁</option><option value="1989" data-level-index="20">内蒙古</option><option value="2103" data-level-index="21">宁夏</option><option value="2130" data-level-index="22">青海</option><option value="2182" data-level-index="23">山东</option><option value="2340" data-level-index="24">山西</option><option value="2471" data-level-index="25">陕西</option><option value="2589" data-level-index="26">四川</option><option value="2792" data-level-index="27">西藏</option><option value="2873" data-level-index="28">新疆</option><option value="2987" data-level-index="29">云南</option><option value="3133" data-level-index="30">浙江</option><option value="3235" data-level-index="31">香港</option><option value="3239" data-level-index="32">澳门</option><option value="3242" data-level-index="33">台湾</option></select>
              <select data-level-index="1" class="x-select" style="display:none;"></select>
              <select data-level-index="2" class="x-select" style="display:none;"></select>
            </span>
      
      <!-- <script>
      (function() {
      //var isDebug = 'js_mini/',
      var path ='http://www.higoo.com/public/app/ectools/statics/js/';
      var data_path ='/data/misc/';
      var container = $('dom_el_5abf1a0');
      var callback = 'selectArea';
      var str = container.getElement('input').value;
      var sels = container.getElements('select');
      // var validate_area;
      var loadRegion = function(region){
          region.init(container, callback, region_Data);
          if(str) {
              str = str.split(':')[1].split('/');
              str.each(function(s,i){
                  var sel = sels[i];
                  var opt = sel.getChildren().filter(function(el){return el.get('text')==s;});
                  if(sel) region.changeResponse(sel,opt[0]);
              });
          }
      };
      try {
          $LAB.script(data_path + 'region_data.js', path + 'region.js').wait(function(){loadRegion(region_sel);});
          // validate_area = LANG_formplus['validate']['area'];
      }
      catch(e) {
          Ex_Loader(data_path + 'region_data.js', path + 'region.js', function(){loadRegion(region_sel);});
          // validate_area = LANG_Validate['area'];
      }
      })();
      </script> -->
      </td>
          </tr>
          <tr>
            <th><em>*</em>收货地址：</th>
            <td><span id="op_splice_area"></span> <input class="x-input" type="text" name="addr" vtype="required" size="40" data-caution="请填写收货地址" id="dom_el_5abf1a1"></td>
          </tr>
          <tr style="display:none;">
            <th>邮编：</th>
            <td><input class="x-input" type="text" name="zip" id="dom_el_5abf1a2"></td>
          </tr>
          <tr>
            <th><em>*</em>收货人姓名：</th>
            <td><input class="x-input" type="text" name="name" id="dom_el_5abf1a3" vtype="required" data-caution="请填写收货人姓名"></td>
          </tr>
          <tr>
            <th valign="top"><em>*</em>收货人手机：</th>
            <td>
              <input class="x-input" type="text" name="mobile" id="mobile" vtype="mobile&amp;&amp;required" data-caution="请填写手机号码"> 
          <div style="margin-top:5px;">
              <strong>请先添加收货地址，并设置为默认收货地址，</strong><a href="member-receiver.html" target="_blank"><span style="color:#E53333;"><strong>点击添加地址</strong></span></a>
              </div>
               <li class="last">
          <strong>如果您购买了海淘商品，须先对收货人实名认证，</strong><a href="/member-realname.html" target="_blank"><span style="color:#E53333;"><strong>点击实名认证</strong></span></a>
            </li>
      
              <!--
              或
              固定电话<input class="x-input" type="text" name="tel" id="dom_el_5abf1a4" vtype="tel" />        <span class="caution notice-inline">手机号码和固定电话至少填写一个</span>
              -->
              </td>
          </tr>
              <tr style="display:none;">
            <th></th>
            <td><button type="button" class="btn btn-caution action-confirm-shipping"><span><span>确认收货信息</span></span></button></td>
          </tr>
              
        </tbody>
      </table>

      
      </div>
        <div id="order_payment" class="order-section order-payment" data-validatemsg="请选择一种支付方式并确认支付方式" data-linkagemsg="因为配送方式变更，请重新确认支付方式">
          <div class="order-section-title"><b>支付方式</b><a href="javascript:void(0);" class="action-edit-payment fold action-cancel"></a></div>
          <div class="order-section-content">
            <!-- <div class="notice fold">请先确定配送方式，之后再选择支付方式</div> -->
            <!-- <table class="view-payment fold">
              <tbody>
            <tr>
              <th>支付方式：</th>
              <td></td>
            </tr> -->
            <!-- </tbody>
            </table> -->
            <div class="change-payment "><input type="hidden" name="payment[currency]" value="CNY">
        <table>
            <tbody>
                <tr>
              <th>
                <input type="radio" name="payment[pay_app_id]" value="{&quot;pay_app_id&quot;:&quot;wxqrpay&quot;,&quot;payment_name&quot;:&quot;微信支付&quot;}" id="pay_app_id_wxqrpay" class="action-change-payment" vtype="requiredcustom" data-validatemsg="请选择一种支付方式" onclick="auto_confirm_payment(this)"><label for="pay_app_id_wxqrpay">微信支付</label>
              </th>
              <td></td>
            </tr>
                <tr class="last">
              <th>
                <input type="radio" name="payment[pay_app_id]" value="{&quot;pay_app_id&quot;:&quot;alipay&quot;,&quot;payment_name&quot;:&quot;支付宝&quot;}" id="pay_app_id_alipay" class="action-change-payment" onclick="auto_confirm_payment(this)"><label for="pay_app_id_alipay">支付宝</label>
              </th>
              <td></td>
            </tr>
            
          </tbody>
          <tfoot style="display:none;">
            <tr>
              <th colspan="2"><button type="button" class="btn btn-caution action-confirm-payment"><span><span>确认支付方式</span></span></button></th>
            </tr>
          </tfoot>
          </table>
        </div>
      </div>
      

    </div>
    <table id="order_clearing" class="order-clearing">
        <caption>结算信息</caption>
        <tbody>
          <tr>
            <td class="order-infor">
                              <!-- 判断是不是预售商品-->
              <!-- 使用优惠券 -->
<div id="order_coupon" class="order-coupon">
  <h3>
    <a href="javascript:void(0);" class="btn-expand action-toggle">+</a>使用优惠券
  </h3>
  <div class="content" style="display:none;">
    <p class="item">
    <label for="for_select_coupon">选择已有优惠券：</label>
    <select name="coupon" id="for_select_coupon" disabled="disabled">
      <option value="">-- 选择优惠券 --</option>
          </select>
    <button type="button" class="btn btn-simple action-confirm-coupon"><span><span>确定</span></span></button>    </p>
    <p class="item">
      <label for="for_input_coupon">如您有通过站外方式获得的优惠券，请在此输入号码：</label>
      <input type="text" name="coupon" id="for_input_coupon" size="15">
      <button type="button" class="btn btn-simple action-confirm-coupon"><span><span>确定</span></span></button>    </p>
    <div class="used fold clearfix">
      <q>已使用：</q>
      <ul class="usedlist">
              </ul>
    </div>
  </div>
</div>


              <div id="order_remark" class="order-remark"><label for="">订单备注：</label><textarea name="memo" class="action-remark-textarea" cols="60" rows="3" placeholder="请在此填写您对该订单或商品的特殊要求或说明，最多300字。"></textarea></div>
            </td>

            <!-- 订单价格 -->
            <td id="order_price" class="order-price"><div class="inner">
<ul>
  <li class="goods">
  <span class="label"><em>商品总金额：</em></span>
    <span class="price"><b>￥0.00</b></span>
  </li>
  
     
  <li class="">
    <span class="label"><em>运费：</em></span>
    <span class="price">￥0.00</span>
  </li>

      <li class="total">
    <span class="label">
                <em>总金额：</em></span>
      <span class="price"><b>￥0.00</b></span>
    </li>
  </ul>
      <p class="btnarea"><a href="/cart.html" class="btn-link">返回购物车 »</a>  <!--普通商品-->
        <button type="submit" rel="_request" class="btn btn-import btn-big action-submit-order"><span><span>提交订单</span></span></button>  <!--判断是否是预售商品和预售商品的时间判断 判断是否是预售商品尾款时间判断
      <button type="submit" rel="_request" class="btn btn-import btn-big action-submit-order"><span><span>提交订单</span></span></button>-->
      </p>
      </div>
      </td>
          </tr>
    </tbody>
</table>

    </div>
</div>
      
    

    <div id="submit_footer"></div>


    <script src="js/cookie.js"></script>
    <script src="js/submit.js"></script>
    
    
    <script>
        $("#submit_top").load("http://localhost/project/data/top.html",function(){
            
          })
        $("#submit_footer").load("http://localhost/project/data/footer.html",function(){
            
        })
    </script>

</body>
</html>